<!--
 * @Author: your name
 * @Date: 2022-01-08 15:41:10
 * @LastEditTime: 2022-01-08 16:01:46
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \qf\index1.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://developer.mozilla.org/favicon-48x48.97046865.png">
    <link rel="apple-touch-icon" href="https://developer.mozilla.org/apple-touch-icon.0ea0fa02.png">
    <title>网页111111</title>
    <style>
        table{
            width: 500px; /* 宽度 */
            height: 250px; /*高度*/
            text-align: center; /*文本居中*/
            border: 1px solid rgb(235, 37, 185);/*边框设置：边框线条大小 类型 颜色*/
        }
        table tr{
            /* background: rgb(252, 28, 252); */
        }
        table tr:nth-child(odd){
            background: rgb(35, 252, 28);
        }
        table tr:nth-child(even){
            background: rgb(241, 49, 145);
        }
        table tr td{
            border: 1px solid blueviolet;
            /* background: blue; */
        }
    </style>
</head>
<body>
    <!-- 设置边框border="1px"
    设置单元格间距cellspacing="0px"
    设置高度height="300px"
    设置宽度width="500px"
    设置居中align="center" -->
    <table cellspacing="0px">
        <tr>
            <td>序号</td>
            <td>品牌</td>
            <td>价格</td>
            <td>型号</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1</td>
            <td>华为</td>
            <td>5000</td>
            <td>p40</td>
            <td>删除</td>
        </tr>
        <tr>
            <td>2</td>
            <td>华为</td>
            <td>5000</td>
            <td>p40</td>
            <td>删除</td>
        </tr>
        <tr>
            <td>3</td>
            <td>华为</td>
            <td>5000</td>
            <td>p40</td>
            <td>删除</td>
        </tr>
        <tr>
            <td>4</td>
            <td>华为</td>
            <td>5000</td>
            <td>p40</td>
            <td>删除</td>
        </tr>
        <tr>
            <td>5</td>
            <td>华为</td>
            <td>5000</td>
            <td>p40</td>
            <td>删除</td>
        </tr>
    </table>
</body>
</html>
